@charset "utf-8";
/* CSS Document */

body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', verdana, arial, sans-serif!important;
	font-weight: 400;
	font-size: 14px;
	background: #000 !important;
	margin: 0 auto !important;
}

.mainCont {
	display: none;
}

.container {
	padding: 0px !important;
}

.wrapper {
	width: 100% !important;
}

.bg-white {
	color: #000 !important;
}

.title-label{
	display: inline-block !important;
	margin-bottom: 20px;
}

.btn-export, .btn-edit, .btn-edit-close, .btn-create, .btn-dwnd-eml, .btn-imgEdit, .edit-img {
	display: inline-block;
	float: right;
	background: #EEEEEE;
	padding: 5px;
	cursor: pointer;
	color: #4a4a4a;
	font-weight: bold;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
}

.btn-dwnd-eml {
	text-decoration: none;
}

.btn-edit-close, .btn-create {
	display: none;
}

.btn-edit,.btn-dwnd-eml, .btn-create, .btn-imgEdit  {
	margin-right: 10px;
}

.btn-export:hover, .btn-edit:hover, .btn-edit-close:hover, .btn-create:hover, .btn-dwnd-eml:hover, .btn-imgEdit:hover, .edit-img:hover {
	border: 1px solid #6da30c;
	background: #6da30c;
	color: #fff;
}


.note-editor.note-frame {
	border: 0px !important;
}

.note-statusbar{
	display: none;
}

.sections > table {
	pointer-events: none;
}

.type-tabs {
	clear: left;
}

.type-tabs ul {
	margin: 0;
	padding: 0;
}

.type-tabs ul li {
	display: inline-block;
	list-style: none;
	width: 10%;
	text-align: center;
	padding: 5px 0;
	cursor: default;
}

.type-tabs ul li.active {
	background: rgba(33, 33, 33);
	color: #86bc25;
	font-weight: bold;
}

.switchSection, .switchSection1 {
	border-top: 2px solid rgba(33, 33, 33);
	padding-top: 10px;
	position: relative;
}

.input-collection {
	width: 26%;
	position: absolute;
	font-size: 12px;
	line-height: 27px;
	left: 6%;
}

.input-collection1 {
	width: 27%;
	position: absolute;
	font-size: 12px;
	line-height: 27px;
	left: 40%;
}
.modal {
	display: none;
}

/*Switch css starts*/
.onoffswitch, .newswitch {
    position: relative; width: 66px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox, .newswitch-checkbox {
    display: none;
}
.onoffswitch-label, .newswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner, .newswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after, .newswitch-inner:before, .newswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before, .newswitch-inner:before {
    content: "YES";
    padding-left: 8px;
    background-color: #86BC25; color: #FFFFFF;
}
.onoffswitch-inner:after,.newswitch-inner:after {
    content: "NO";
    padding-right: 8px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 22px; height: 22px; margin: 3.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 37px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.newswitch .onoffswitch-switch {
	right: 35px;
	top: -2px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch  {
    right: 0px; 
}
/*Switch css ends*/

.row-head {
    font-size: 27px !important;
    color: #6da30c !important;
	text-align: center;
}

.parent {
	margin-top: 93px;
}

.pull-left {
	display: inline-block;
	padding: 0 2%;
}

.header-text {
	width: 59%;
}

.header-home {
	text-align: right;
	cursor: pointer;
}

#header {
	position: relative;	
}

.header-bar {
	max-width: 1360px;
	margin: 0 auto;
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    background: rgba(0, 0, 0, 0.9);
    border-bottom: 3px solid #6da30c;
}
.tips-section, .img-tips-section {
	display: none;
	color: #fff;
	padding-left: 5px;
}
ul.tips-section, ul.img-tips-section {
	padding: 0 10px 0 40px;
}
.tips-section li, .img-tips-section li {
	font-size: 14px;
	margin-bottom: 12px;
}

.two-images, .three-images {
	display: none;
}

.modal-body input {
	margin-bottom: 10px;
}

.switchSec-50 {
	width: 33%;
	float: left;
	max-height: 30px;
	margin-bottom: 10px;
}

.switchSec-50:last-child {
	border-left: 2px solid rgba(33, 33, 33);
	padding-left: 10px;
}

.sections.LP:not(.spacer){
	max-width: 640px;
	overflow-x: scroll;
	overflow-y: hidden;
}

#interative-tip {
	float: right;
	width: 25%;
	color: red;
	font-weight: bold;
	display: none;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 100px;
	height: 100px;
	margin: -75px 0 0 -75px;
	border: 16px solid #ffffff;
	border-radius: 50%;
	border-top: 16px solid #85bc22;
	border-bottom: 16px solid #85bc22;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}